<style>
	label input {
    display: none; }
    label span {
    display: block;
    width: 24px !important;
   
    height: 24px !important;
    border: 1px solid #CCCCCC;
    position: relative; }
    label span i {
    	 margin: 3px 2px 0px 0;
      display: none;
      color: #CCCCCC;
      position: absolute;
      font-size: 30px !important;
      top: -15px;
      left: 0; }
    .right .redParent {
    	position: relative;
    }
    .right .red {
    	color: red;
    	position: absolute;
    	right: 24%;
    	top: 0;
    }
    
   
	
</style>
<div id="content-header">
    <div id="breadcrumb"> <a  title="Go to Home" class="tip-bottom"><i class="icon-home"></i> 人事行政</a> 
    	<a ui-serf="home.staff" class="current">人员信息</a> </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
		<div class="widget-box">
            <div class="widget-content nopadding" >
            	<ul id="myTab" class="nav nav-tabs" style="margin: 0 0 20px 0;text-align: center;">
						<li  ng-class="{true:'active'}[staff.staff]"  style="width: 33%;" ng-click="isshow('staff')">
							<a  data-toggle="tab" style="color: #000000;" >
								 基本信息
							</a>
						</li>
						<li ng-class="{true:'active'}[staff.login]"  style="width: 33%;" ng-click="isshow('login')">
							<a  data-toggle="tab" style="color: #000000;" >
								 账号信息
							</a>
						</li>
						<li ng-class="{true:'active'}[staff.activen]"  style="width: 33%;"  ng-click="isshow('activen')">
							<a style="color: #000000;" data-toggle="tab">
								档案信息
							</a>
						</li>
				</ul>
				<form  class="addupdate" name="addupdate" ng-if="staff.staff" novalidate="novalidate">
                 	<div class="left">
                    	<p class="p">
                    		<span class="text">员工编号 </span>
                    		<input type="text"   name="serialNum" ng-model="add.serialNum" required/>
                    		<span class="warn"  ng-if="addupdate.serialNum.$error.required">*</span>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">员工姓名 </span>
                    		<input type="text"  name="name" ng-model="add.name" required/>
                    		<span class="warn"  ng-if="addupdate.name.$error.required">*</span>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">员工邮箱 </span>
                    		<input type="text" name="email" ng-model="add.email" ng-pattern="/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/" />
                    		<span class="warn" ng-show="addupdate.email.$error.pattern">邮箱格式错误</span>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">手机号码 </span>
                    		<input type="text" name="telephone"  ng-model="add.telephone" ng-pattern="/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/"/>
                    		<span class="warn" ng-show="addupdate.telephone.$error.pattern">手机格式错误</span>
                    	</p>
                    	<p class="p"> 
                    		<span class="text"  >办公电话 </span>
                    		<input type="text" ng-model="add.officPhone"/>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">入职时间 </span>
                    		<datetimepicker  ng-model="pickertime" ></datetimepicker>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">工作时间 </span>
                    		<time-Pice  ng-model="pickertimes" ></datetimepicker>
                    	</p>
                    </div>
                    <div class="right">
                    	<p class="redParent"> 
                    		<span class="text">所属部门 </span>
                    		<select-url item-array="department"  selected="add.did" value="did"></select-url>
                    		<span class="red">*</span>
                    	</p >
                    	<p class="redParent">
                    		<span class="text">工作状态</span>
                    		<select-url item-array="service"  selected="add.status" value="status"></select-url>
                    		<span class="red">*</span>
                    	</p>
                    	<p>
                    		<span class="text" >岗位</span>
                    		  <div class="ipt ng-scope" style="border: 1px solid #ccc;padding: 0px;margin-left: 18%;" >
	                    		<label ng-repeat="o in post" ng-class="{'true':'select'}[o.checked]"><span>
							    	<i class="iconfont icon-xuanzhong"></i></span>&nbsp;&nbsp;{{o.diName}}
							    	<input type="checkbox"  name="type"  ng-model="o.checked"/>
								</label>
							 </div>
                    	</p>
                    	<p class="submitButton p">
                    		<button  ng-class="{true:'btn-primary'}[addupdate.$invalid]" 
											      	 	ng-disabled="addupdate.$invalid||add.did==null||add.status==null" type="submit" 
											      	 	class="btn  greenbtn"  ng-click="sub('login')" >提交</button>
                    		<button class="btn">取消</button>
                    	</p>
                    </div>
                </form>
                <form novalidate="novalidate" name="login" class="addupdate" name="login" ng-if="staff.login">
                 	<div class="left" >
                    	<p class="p">
                    		<span class="text">登录账号 </span>
                    		<input type="text" name="user" ng-model="add.user" required disabled="disabled" />
                    		<span class="warn"  ng-if="login.user.$error.required">*</span>
                    		<span class="warn"  ng-if="!login.user.$error.required&&register">账号已注册</span>
                    	</p>
                    	<p class="p">
                    		<span class="text">密码 </span>
                    		<input type="password" name="qpassword" ng-change="password()" ng-model="add.qpassword" required  ng-pattern="/^([A-Z]|[a-z]|[0-9]|[`~!@#$%^&*()+=|{}':;',\\\\[\\\\].<>/?~！@#￥%……&*（）——+|{}【】‘；：”“'。，、？]){6,32}$/"/>
                    		<span class="warn"  ng-if="login.qpassword.$error.required">*</span>
                    		<span class="warn" ng-show="login.qpassword.$error.pattern">密码长度不足</span>
                    	</p>
                    	<p class="p">
                    		<span class="text">确认密码 </span>
                    		<input type="password" name="password" ng-change="password()" ng-model="add.password" required  ng-pattern="/^([A-Z]|[a-z]|[0-9]|[`~!@#$%^&*()+=|{}':;',\\\\[\\\\].<>/?~！@#￥%……&*（）——+|{}【】‘；：”“'。，、？]){6,32}$/"/>
                    		<span class="warn"  ng-if="login.password.$error.required">*</span>
                    		<span class="warn"  ng-if="!login.password.$error.pattern&&!login.password.$error.required&&add.password!=add.qpassword">两次密码不一致</span>
                    		<span class="warn" ng-show="login.password.$error.pattern">密码长度不足</span>
                    	</p>
                    	<p class="submitButton p">
                    		<button  ng-class="{true:'btn-primary'}[login.$invalid||add.password!=add.qpassword||register]" 
											      	 	ng-disabled="login.$invalid||add.password!=add.qpassword||register" type="submit" 
											      	 	class="btn  greenbtn"  ng-click="sub('activen')" >提交</button>
                    		<button class="btn">取消</button>
                    	</p>
                    </div>
                    	
                    	
                </form>
                <form novalidate="novalidate" class="addupdate" name="activen" ng-if="staff.activen">
                 	<div class="left">
                    	<p class="p">
                    		<span class="text">身份证 </span>
                    		<input type="text" name="cardId" ng-model="add.cardId" ng-pattern="/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/"  required/>
                    		<span class="warn"  ng-if="activen.cardId.$error.required">*</span>
                    		<span class="warn" ng-show="activen.cardId.$error.pattern">身份证格式错误</span>
                    		<span class="warn"></span>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">性别</span>
                    		<select  ng-model="add.sex"  
                    			ng-options="o.id as o.name for o in sexList"></select>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">学历 </span>
                    		<select  ng-model="add.education"  
                    			ng-options="o.id as o.name for o in educationList"></select>
                    	</p>
                    	<p class="p"> 
                    		<span class="text" >学位 </span>
                    		<input type="text" ng-model="add.master"/>
                    	</p>
                    	<p > 
                    		<span class="text">专业 </span>
                    		<select-url item-array="professional"  selected="add.working" value="working"></select-url>
                    	</p>
                    	<p class="p"> 
                    		<span class="text" >婚姻 </span>
                    		<select ng-model="add.maritalStatus"
                    			ng-options="o.id as o.name for o in maritalStatusList"></select>
                    	</p>
                    	<p class="p"> 
                    		<span class="text">籍贯 </span>
                    		<input type="text"  ng-model="add.nativePlace"/>
                    	</p>
                    </div>
                    <div class="right">
                    	<p > 
                    		<span class="text">户口性质 </span>
                    		<select-url item-array="character"  selected="add.householdRegister" value="householdRegister"></select-url>
                    	</p >
                    	<p  class="p">
                    		<span class="text" >民族</span>
                    		 <input type="text" ng-model="add.nation" />

                    	</p>
                    	<p class="p">
                    		<span class="text">住址</span>
                    		<input type="text" ng-model="add.familyAddress"/>
                    	</p>
                    	<p class="p">
                    		<span class="text">工作经历</span>
                    		<textarea type="text" ng-model="add.work" />
                    	</p>
                    	<p class="submitButton p">
                    		<button  ng-class="{true:'btn-primary'}[activen.$invalid]" 
							ng-disabled="activen.$invalid||add.serialNum==null||add.name==null||add.user==null||
							add.password==null||add.qpassword==null||add.did==null||add.status==null||add.password!=add.qpassword||register" 
											      	 	type="submit" 
											      	 	class="btn  greenbtn"  ng-click="sub('sub')" >保存</button>
                    		<button class="btn">取消</button>
                    	</p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
